<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>Bigcat</title>
  <meta name=keywords content="Bigcat">
  <meta name=description content="Bigcat">
  <link rel="shortcut icon" href="./src/ico.ico">
  <link rel="stylesheet" href="./css/font-awesome.min.css">
  <link rel="stylesheet" href="./css/main.css">
</head>

<body>
<span class="mobile btn-mobile-menu">
        <i class="fa fa-bars btn-mobile-menu__icon"></i>
        <i class="fa fa-chevron-circle-up btn-mobile-close__icon hidden"></i>
    </span>
<div class="panel-main">
  <div class="panel-main__inner panel-inverted">
    <div class="panel-main__content">
      <a href="#" title="Bigcat"><img src="./src/ico.ico" width="150" alt="LOGO"
                                      class="panel-cover__logo logo"></a>
      <h1 class="panel-cover__title panel-title"><a href="#" title="Bigcat">Bigcat</a>
      </h1>
      <span class="panel-cover__subtitle panel-subtitle">
                    <hr class="panel-cover__divider">
                    <p class="panel-cover__description">Bigcat</br>猛虎不怯敌，烈士无虚言！</p>
                    <hr class="panel-cover__divider">
                    <p class="panel-cover__description">总部编码：#8CRUGCRU</p>
                    <p class="panel-cover__description">二部编码：#28YOOP9V2</p>
                    <p class="panel-cover__description">三部编码：#28U9CQCQU</p>
                    <p class="panel-cover__description">树海编码：#289J0JRJV</p>
                    <p class="footer">Copyright © 2019 <a href="#"
                                                          target="_blank">Bigcat</a> All
                        Rights Reserved.</p>

                    <div class="navigation-wrapper">
                        <div>
                            <nav class="cover-navigation cover-navigation--primary">
                                <ul class="navigation">
                                    <li class="navigation__item"><a href="#" title="部落战">部落战</a>
                                    </li>
                                    <li class="navigation__item"><a
                                        href="./leagueMatch.html" title="联赛">联赛</a>
                                    </li>
                                    <li class="navigation__item"><a href="./index.html"
                                                                    title="日程">部落管理平台</a></li>
                                </ul>
                            </nav>
                        </div>

                        <div>
                            <nav class="cover-navigation navigation--social">
                                <ul class="navigation">
                                    <!-- Weibo -->
                                    <li class="navigation__item">
                                        <a href="#" title="我的微博" target="_blank">
                                            <i class="social fa fa-weibo"></i>
                                        </a>
                                    </li>
                                  <!-- QQ -->
                                    <li class="navigation__item">
                                        <a href="#" title="@QQ" target="_blank">
                                            <i class="social fa fa-qq"></i>
                                        </a>
                                    </li>
                                  <!-- Weixin -->
                                    <li class="navigation__item">
                                        <a data-v="" href="#" title="微信号bigcat73"
                                           class="wechat">
                                            <div data-v="" class="qrCode">
                                                <img data-v="" src="./img/weixin.png"
                                                     width="92" alt="微信号bigcat73">
                                                <div data-v=""
                                                     class="triangle-down"></div>
                                            </div>
                                            <i class="social fa fa-weixin"></i>
                                        </a>
                                    </li>
                                  <!-- Telegram -->
                                    <li class="navigation__item">
                                        <a href="#" title="导航" target="_blank">
                                            <i class="social fa fa-telegram"></i>
                                        </a>
                                    </li>
                                  <!-- RSS -->
                                  <!-- <li class="navigation__item">
                                      <a href="#" rel="author" title="RSS" target="_blank">
                                          <i class="social fa fa-rss"></i>
                                      </a>
                                  </li> -->
                                  <!-- Email -->
                                    <li class="navigation__item">
                                        <a href="mailto:111@qq.com" title="发邮件给我">
                                            <i class="social fa fa-envelope"></i>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
    </div>
  </div>
  <div class="panel-cover--overlay cover-slate"></div>
</div>
</header>

<script type="text/javascript" src="./js/forRange.js"></script>
<script type="text/javascript" src="./js/main.js"></script>

</body>

</html>
